<?xml version="1.0"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:ice="http://www.icesoft.com/icefaces/component"
	template="/WEB-INF/templates/templateBase.xhtml">

	<ui:param name="pageTitle" value="#{msg.cadastroUsuarios}" />

	<ui:define name="pageContent">

		<ice:panelPopup visible="#{cadastroUsuarios.popupOpened}" rendered="#{cadastroUsuarios.popupOpened}" 
		    modal="true" autoCentre="true" style="width: 335px;">
			<f:facet name="header">
				<h:panelGroup>
					<h:panelGroup style="float: left;">
                           #{cadastroUsuarios.popupTitle}
                       </h:panelGroup>
					<h:panelGroup style="float: right;">
						<h:form>
							<h:commandButton action="#{cadastroUsuarios.togglePopupOpened}" 
								image="/images/popup-close.png" alt="Close" type="button"
								title="Close" style="height: 11px; width: 11px; border: 0;" />
						</h:form>
					</h:panelGroup>
				</h:panelGroup>
			</f:facet>
			<f:facet name="body">
				<h:form>
					<h:panelGrid columns="2">
                   		<h:outputLabel value="#{msg.usuario}" />
                   		<h:inputText value="#{cadastroUsuarios.usuarioSelecionado.nomeUsuario}"
                   			required="true" requiredMessage="#{msg.msgInformeUsuario}" />
                   	
                   		<h:outputLabel value="#{msg.senha}" />
                   		<h:inputSecret value="#{cadastroUsuarios.usuarioSelecionado.senha}" />
                   	
                   		<h:outputLabel value="#{msg.confirmarSenha}" />
                   		<h:inputSecret value="#{cadastroUsuarios.confirmarSenha}" />
		                   	
                   		<h:outputLabel value="#{msg.perfil}" />
                   		<h:selectOneMenu value="#{cadastroUsuarios.perfilUsuario}">
                   			<f:selectItems value="#{cadastroUsuarios.perfisUsuario}" />
                   		</h:selectOneMenu>
                   	
                   		<h:outputLabel value="#{msg.setor}" />
                   		<h:selectOneMenu value="#{cadastroUsuarios.codigoSetor}">
                   			<f:selectItem itemValue="0" itemLabel="" />
                   			<f:selectItems value="#{cadastroUsuarios.setores}" var="setor"
                   				itemValue="#{setor.id}" itemLabel="#{setor.nome}" />
                   		</h:selectOneMenu>
                   	
                   		<h:outputLabel value="#{msg.status}" />
                   		<h:selectOneRadio value="#{cadastroUsuarios.situacaoUsuario}">
                   			<f:selectItems value="#{cadastroUsuarios.situacoesUsuario}" />
                   		</h:selectOneRadio>
                   	
                   		<h:commandButton action="#{cadastroUsuarios.salvarUsuario}" value="${msg.salvar}" />
                 	</h:panelGrid>
            		<ace:messages />
           		</h:form>
       		</f:facet>
	</ice:panelPopup>
		
		<h:form id="formListarUsuarios" styleClass="centralized-form">
			<h:commandButton action="#{cadastroUsuarios.togglePopupOpened}" 
			value="#{msg.novoUsuario}" style="margin-bottom: 10px;" />

			<ace:dataTable value="#{cadastroUsuarios.usuarios}" var="usuario" 
				paginator="true" paginatorPosition="bottom" rows="10">
				<ace:column headerText="#{msg.usuario}"
					sortBy="#{usuario.nomeUsuario}" filterBy="#{usuario.nomeUsuario}"
					filterMatchMode="contains">
					<h:outputText value="#{usuario.nomeUsuario}" />
				</ace:column>

				<ace:column headerText="#{msg.perfil}" sortBy="#{usuario.perfil}"
					filterBy="#{usuario.perfil}" filterMatchMode="contains">
					<h:outputText value="#{usuario.perfil.descricao}" />
				</ace:column>

				<ace:column headerText="#{msg.status}" sortBy="#{usuario.situacao}"
					filterBy="#{usuario.situacao}" filterMatchMode="contains">
					<h:outputText value="#{usuario.situacao.descricao}" />
				</ace:column>

				<ace:column headerText="#{msg.acao}" style="width: 70px;">
					<h:commandButton value="#{msg.editar}" action="#{cadastroUsuarios.editarUsuario(usuario)}" />
				</ace:column>
			</ace:dataTable>
		</h:form>

	</ui:define>
</ui:composition>